<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>initVue</title>
</head>
<body>
  <div id="app">
    <div><h1>Hello World</h1></div>
    {{ msg }}
  </div>

  <script src="../../dist/vue.js"></script>
  <script>
    /*
    F11 一步一步的调试
    F10 跳过方法
    F8 下一个断点
    调试 vue初始化 
      src/core/instance/index.js:  
        断点位置: initMixin(Vue)  实例成员
      src/core/index.js: 
        断点位置: initGlobalAPI(Vue) 静态成员
      src/platforms/web/runtime/index.js: 
        断点位置: Vue.config.mustUseProp 
      src/platforms/web/entry-runtime-with-compiler.js: 
        断点位置: const mount

    调试 首次渲染过程(上述断点后续)
      src/core/instance/index.js:  
        断点位置: this._init(options)
      src/core/instance/init.js:
        断点位置: vm.$mount(vm.$options.el)
      src/core/observer/watcher.js
        断点位置: value = this.getter.call
      */
    const vm = new Vue({
      el: '#app',
      data: {
        msg: 'Hello Vue'
      }
    });

  </script>
</body>
</html>